<script type="text/javascript">
			function seleccionado(){
				var archivos = document.getElementById("archivos");//Damos el valor del input tipo file
				var archivo = archivos.files; //Obtenemos el valor del input (los arcchivos) en modo de arreglo
				
				//El objeto FormData nos permite crear un formulario pasandole clave/valor para poder enviarlo 
				var data = new FormData();
				//Como no sabemos cuantos archivos subira el usuario, iteramos la variable y al 
				//objeto de FormData con el metodo "append" le pasamos calve/valor, usamos el indice "i" para
				//que no se repita, si no lo usamos solo tendra el valor de la ultima iteracion
				for(i=0; i<archivo.length; i++){
					data.append('archivo'+i,archivo[i]);
					
				}
				 
	
				$.ajax({
					url:'subir.php', //Url a donde la enviaremos
					type:'POST', //Metodo que usaremos
					contentType:false, //Debe estar en false para que pase el objeto sin procesar
					data:data, //Le pasamos el objeto que creamos con los archivos
					processData:false, //Debe estar en false para que JQuery no procese los datos a enviar
					cache:false //Para que el formulario no guarde cache
				}).done(function(msg){
					$("#cargados").append(msg); //Mostrara los archivos cargados en el div con el id "Cargados"
					
				});	
			}
		</script>
<?php
if(!defined('modulation'))
{
	include('index.php');
}

$pageTitle = 'Publicar propiedad | ';
$pageDescription = 'Condominios Sabana es el directorio de condominios, venta y alquiler de propiedades en la Sabana. Puedes ver imágenes y videos de los condominios para que te decidas por cuál te parece mejor.';
?>

<section class="wrapper">
	<h2>Publcar propiedad</h2>

	<div id="form-wrapper">
		<form method="post" action="include/publish-property.php" id="propiedad">
			<fieldset>
				<legend>Información de contacto</legend>
				<label><span>Nombre</span><input type="text" id="guardar_responsable_nombre" name="propiedad_responsable" placeholder="Ingresa tu nombre y apellidos" required /></label>
				<label><span>Email</span><input type="text" id="guardar_responsable_email" name="propiedad_responsable_email" placeholder="yo@correo.com" required /></label>
				<label><span>Teléfono</span><input type="text" id="guardar_responsable_telefono" name="propiedad_responsable_telefono" placeholder="2222-2222" required /></label>
				<label><span>Móvil</span><input type="text" id="guardar_responsable_movil" name="propiedad_responsable_movil" placeholder="8888-8888" required /></label>
			</fieldset>

			<fieldset>
				<legend>Información de la propiedad</legend>

				<div id="subir">
			<input id="archivos" type="file" name="archivos[]" multiple="multiple" onchange="seleccionado();" />
			
		</div>
		<div id="cargados">
			<!-- Aqui van los archivos cargados -->
		</div>

				<label>
					<span>Proyecto</span>
					<select id="guardar_proyecto_id" name="proyecto_id">
						<option value="0">Selecciona un proyecto</option>
						<?php
						// Lista de proyectos
						$proyectos = new proyectos;

						try
						{
							foreach($proyectos->seleccionarTodos('ORDER BY proyecto_nombre') as $proyecto)
							{
								echo '<option value="'.$proyecto->proyecto_id.'">'.$proyecto->proyecto_nombre.'</option>';
							}
						}
						catch(noResults $e)
						{
							echo '<option value="0">No hay resultados.</option>';
						}
						?>
					</select>
				</label>

				<div class="property-type">
					<label><input type="radio" name="propiedad_tipo" value="1" checked="checked" /> Alquiler</label>
					<label><input type="radio" name="propiedad_tipo" value="2" />Venta</label>
				</div>

				<label>
					<span>Nombre</span>
					<input type="text" id="guardar_nombre" name="propiedad_nombre" placeholder="Ej: Vendo bonita casa nueva" required />
				</label>

				<label>
					<span>Tamaño en m²</span>
					<input type="text" id="guardar_tamanio" name="propiedad_tamanio" placeholder="Ingresa un número" required />
				</label>

				<div class="small">
					<span>Precio</span>
					<select  id="guardar_moneda" name="propiedad_moneda">
						<option value="c">&cent;</option>
						<option value="d">$</option>
					</select>
					<input type="text" id="guardar_precio" name="propiedad_precio" placeholder="Escribe el precio" required />
				</div>

				<label>
					<span>Pisos</span>
					<input class="small" type="text" id="guardar_pisos" name="propiedad_pisos" placeholder="Ej: 2" required  />
				</label>

				<label>
					<span>Habitaciones</span>
					<input class="small" type="text" id="guardar_habitaciones" name="propiedad_habitaciones" placeholder="Ej: 4" required  />
				</label>

				<label>
					<span>Baños</span>
					<input class="small" type="text" id="guardar_banios" name="propiedad_banios" placeholder="Ej: 2" required  />
				</label>

				<label>
					<span>Parqueos</span>
					<input class="small" type="text" id="guardar_cochera" name="propiedad_cochera" placeholder="Ej: 2" required  />
				</label>

				<div class="comodidades">
					<span>Comodidades</span>
					<div>
						<label><input type="checkbox" value="Aire acondicionado" />A/C</label>
						<label><input type="checkbox" value="Cable" />Cable</label>
						<label><input type="checkbox" value="Internet" />Internet</label>
					</div>
				</div>

				<label class="textarea">
					<span>Información</span>
					<textarea id="guardar_info" name="propiedad_info" placeholder="Ejemplo: La propiedad está como nueva, ha tenido 2 dueños, etc..." required></textarea>
			</fieldset>

			<fieldset class="buttons">
				<label>
					<span id="errorForm"></span>
					<input type="submit" id="propiedad_guardar" value="Enviar propiedad" />
				</label>
			</fieldset>

			<input type="text" id="guardar_img" name="propiedad_img" />
			<input type="hidden" id="guardar_comodidades" name="propiedad_comodidades" />
		</form>
	</div>
</section>


